<template>
<div class="body">
  <div class="main">
    <el-container>
      <el-header height="100%"><SATHaeder></SATHaeder></el-header>
      <el-container>
        <el-main width="80%"><STAMain></STAMain></el-main>
        <el-aside width="20%"><STAAside></STAAside></el-aside>
      </el-container>
      <el-footer></el-footer>
    </el-container>
  </div>
</div>
</template>

<script>
import SATHaeder from './SandTAchievementsGroup/SandTAchievementsGroupHeader.vue'
import STAMain from './SandTAchievementsGroup/SandTAchievementsGroupMain.vue'
import STAAside from './SandTAchievementsGroup/SandTAchievementsGroupAside.vue'
import STApage from './SandTAchievementsGroup/SandTachievementsGrouppage.vue'


export default {
  name: 'SandTAchievements',
  components : {
    SATHaeder,
    STAMain,
    STAAside,
    STApage,
  },
  data () {
    return {
      
    }
  },
  methods: {

  },
}
</script>

<style scoped>
.el-header{
 
}
.main{
  width:1180px;
  margin-left: auto;
  margin-right: auto;
  
}
.body{
  widows: 100%;
  background-color: rgb(243, 245, 245);
}
</style>
